<%@ page contentType="text/html; charset=utf-8" language="java"
	import="java.sql.*" errorPage=""%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商品查询 --校园二手交易</title>
<style type="text/css">
<!--
body {
	font: 100%/1.4 "微软雅黑";
	background: url(${pageContext.request.contextPath }/img/bg.jpg) repeat-x;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

/* ~~ 元素/标签选择器 ~~ */
ul,ol,dl {
	/* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4,h5,h6,p {
	margin-top: 0;
	/* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
	padding-right: 15px;
	padding-left: 15px;
	/* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
	border: none;
}

a:link {
	text-decoration: none;
	color: #FFFFFF;
}

a:visited {
	text-decoration: none;
	color: #000000;
}

a:hover,a:active,a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
	text-decoration: none;
}

/* ~~ 以下是此布局的列。 ~~ */
.main {
	margin: 0 auto;
	width: 1000px;
	display: table;
	position: relative;
}

.sidebar1 {
	float: left;
	width: 200px;
	height: 800px;
}

.content {
	width: 600px;
	height: 800px;
	float: left;
}

.sidebar2 {
	float: right;
	width: 200px;
	height: 800px;
}

.listtitle {
	background: url(${pageContext.request.contextPath }/img/list_title.png);
	width: 600px;
	height: 100px;
}

.list {
	width: 600px;
	height: 550px;
}

.listhead {
	width: 600px;
	height: 40px;
	text-align: center;
	font-family: "隶书";
	font-size: 28px;
}

.head1 {
	width: 20px;
	height: 40px;
	float: left;
}

.head2 {
	width: 170px;
	height: 40px;
	text-decoration: none;
	float: left;
}

.head3 {
	width: 60px;
	height: 40px;
	float: left;
}

.head4 {
	width: 60px;
	height: 40px;
	float: left;
}

.head5 {
	width: 210px;
	height: 40px;
	float: left;
}

.head6 {
	width: 70px;
	height: 40px;
	float: left;
}

.listgoods {
	width: 600px;
	height: 25px;
	font-family: "微软雅黑";
	font-size: 12px;
}

.list1 {
	width: 20px;
	height: 22px;
	float: left;
}

.list2 {
	width: 170px;
	height: 22px;
	text-decoration: none;
	text-align: center;
	float: left;
}

.list3 {
	width: 60px;
	height: 22px;
	float: left;
	text-align: right;
}

.list4 {
	width: 60px;
	height: 22px;
	text-align: center;
	float: left;
}

.list5 {
	width: 210px;
	height: 22px;
	text-align: left;
	float: left;
}

.list6 {
	width: 70px;
	height: 22px;
	float: left;
	text-align: center;
}

.listfoot {
	width: 600px;
	height: 30px;
	text-align: center;
}

/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.content ul,.content ol {
	padding: 0 15px 15px 40px;
	/* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}

/* ~~ 导航列表样式（如果选择使用预先创建的 Spry 等弹出菜单，则可以删除此样式） ~~ */
ul.nav {
	list-style: none; /* 这将删除列表标记 */
	border-top: 1px solid #666; /* 这将为链接创建上边框 – 使用下边框将所有其它项放置在 LI 中 */
	margin-bottom: 15px; /* 这将在下面内容的导航之间创建间距 */
}

ul.nav li {
	border-bottom: 1px solid #666; /* 这将创建按钮间隔 */
}

ul.nav a,ul.nav a:visited { /* 对这些选择器进行分组可确保链接即使在访问之后也能保持其按钮外观 */
	padding: 5px 5px 5px 15px;
	display: block; /* 这将为链接赋予块属性，使其填满包含它的整个 LI。这样，整个区域都可以响应鼠标单击操作。 */
	text-decoration: none;
	background: #CCCCCC;
	color: #000;
}

ul.nav a:hover,ul.nav a:active,ul.nav a:focus {
	/* 这将更改鼠标和键盘导航的背景和文本颜色 */
	background: #6F7D94;
	color: #FFF;
}

/* ~~ 脚注 ~~ */
.footer {
	padding: 10px 0;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #000000;
	background: #888888;
	position: relative; /* 这可以使 IE6 hasLayout 以正确方式进行清除 */
	clear: both; /* 此清除属性强制 .container 了解列的结束位置以及包含列的位置 */
}
-->
</style>
</head>

<body>

	<table width="1000" border="0" align="center">
		<tr>
			<td width="300" height="100"><a
				href="${pageContext.request.contextPath }/view/index.jsp"><img
					src="${pageContext.request.contextPath }/img/logo.gif" width="300"
					height="100" border="0" /></a></td>
			<td width="700" height="100"><img
				src="http://info-database.csdn.net/Upload/2011-11-15/tengxunhuiyao.jpg"
				width="700" height="100" border="0" /></td>
		</tr>
	</table>
	<div class="main">
		<div class="sidebar1">
			<ul class="nav">
				<li><a
					href="${pageContext.request.contextPath }/view/index.jsp">主页</a></li>
				<li><a href="${pageContext.request.contextPath }/view/list.jsp">所有商品</a></li>
				<li><a
					href="${pageContext.request.contextPath }/view/list.do?page=1&goodsname=&goodssort=二手车&lowprice=&highprice=">二手车</a></li>
				<li><a
					href="${pageContext.request.contextPath }/view/list.do?page=1&goodsname=&goodssort=二手书&lowprice=&highprice=">二手书</a></li>
				<li><a
					href="${pageContext.request.contextPath }/view/list.do?page=1&goodsname=&goodssort=电子&lowprice=&highprice=">电子</a></li>
				<li><a
					href="${pageContext.request.contextPath }/view/list.do?page=1&goodsname=&goodssort=其他&lowprice=&highprice=">其他</a></li>
			</ul>
			<ul class="nav">
				<li><a href="${pageContext.request.contextPath }/view/new.jsp">发布新商品</a></li>
				<li><a
					href="${pageContext.request.contextPath }/user/listgoods.jsp?page=1">我的商品</a></li>
				<li><a href="${pageContext.request.contextPath }/user/user.jsp">个人主页</a></li>
				<li><a
					href="${pageContext.request.contextPath }/user/update.jsp">更新个人信息</a></li>
				<li><a href="${pageContext.request.contextPath }/logout.do">注销</a></li>
			</ul>
			<ul class="nav">
				<li>技术支持</li>
				<li><a href="http://192.168.20.126/">关于我们</a></li>
				<li><a href="http://www.csdn.net/">CSDN</a></li>
				<li><a href="http://www.baidu.com/">百度</a></li>
				<li><a href="http://www.google.com.hk/">谷歌</a></li>
				<li><a href="http://www.microsoft.com/zh/cn/">微软</a></li>
				<li><a href="http://www.eclipse.org">eclipse</a></li>
				<li><a href="http://www.apache.org/">apache</a></li>
				<li><a href="http://www.oracle.com/cn/">Oracle</a></li>
				<li><a href="http://www.xiazaiba.com/">下载吧</a></li>
				<li><a href="http://www.xdowns.com/">绿盟</a></li>
				<li><a href="http://www.renren.com/">人人网</a></li>
			</ul>
			<!-- end .sidebar1 -->
		</div>

		<div class="content">
			<div class="listtitle"></div>
			<div class="list">
				<div class="listhead">
					<div class="head1"></div>
					<div class="head2">商品名称</div>
					<div class="head3">价格</div>
					<div class="head4">分类</div>
					<div class="head5">商品信息</div>
					<div class="head6">状态</div>
				</div>
				<c:forEach items="${requestScope.list }" var="goods">
					<div class="listgoods">
						<div class="list1"></div>
						<div class="list2" style="border: 1px solid #777777;">
							<a
								href="${pageContext.request.contextPath }/view/detail.do?id=${goods.goodsId }"
								target=_blank>${goods.goodsName }</a>
						</div>
						<div class="list3" style="border: 1px solid #777777;">${goods.goodsPrice
							}</div>
						<div class="list4" style="border: 1px solid #777777;">${goods.goodsSort
							}</div>
						<div class="list5" style="border: 1px solid #777777;">${goods.goodsInformation
							}</div>
						<div class="list6" style="border: 1px solid #777777;">${goods.goodsState
							}</div>
					</div>
				</c:forEach>
			</div>
			<div class="listfoot">
				<a
					href="${pageContext.request.contextPath }/user/listgoods.jsp?page=1">首页</a>
				&nbsp;&nbsp;&nbsp; <a
					href="${pageContext.request.contextPath }/user/listgoods.jsp?page=${page-1}">上一页</a>
				&nbsp;&nbsp;&nbsp; 第${page}页 &nbsp;&nbsp;&nbsp; <a
					href="${pageContext.request.contextPath }/user/listgoods.jsp?page=${page+1}">下一页
				</a> &nbsp;&nbsp;&nbsp; <a
					href="${pageContext.request.contextPath }/user/listgoods.jsp?page=-1">尾页</a>
			</div>
		</div>

		<div class="sidebar2">
			<img src="${pageContext.request.contextPath }/img/side.jpg"
				width="200" height="800" />
			<!-- end .sidebar2 -->
		</div>

		<div class="footer">
			<div align="center">
				发布信息：<a href="${pageContext.request.contextPath }/view/new.jsp"><strong>立即发布我的信息</strong></a>
			</div>
			<table width="100%" border="0" align="center">
				<tr>
					<td height="20"><div align="center" class="labels">无需用户注册，即可快捷发布您的二手信息，我们的服务都是免费的。</div></td>
				</tr>
				<tr>
					<td>
						<div align="center">
							<a href="${pageContext.request.contextPath }/view/index.jsp">Home</a>
							| <a href="http://www.ytu.edu.cn/">University</a> | <a
								href="http://blog.csdn.net/liushuaibaicai">Blogs</a> | <a
								href="http://tieba.baidu.com/f?kw=%C1%F5%B0%D7%B2%CB#">Club</a>
							| <a onclick='javascript:alert("liushuai.baicai@hotmail.com")'>Mail</a>
						</div>
					</td>
				</tr>
				<tr>
					<td><div align="center">版权没有，欢迎抄袭。与有雷同，纯属缘分。</div></td>
				</tr>
				<tr>
					<td><div align="center">
							by <a href="http://blog.csdn.net/liushuaibaicai">Baicai</a>,
							Thanks you！
						</div></td>
				</tr>
			</table>
			<!-- end .footer -->
		</div>
	</div>
</body>
</html>
